<template>
    <el-main>
<!--      搜索栏-->
      <el-row>
        <el-form ref="form" :model="form" label-width="80px">
          <el-col :span="4" > <el-form-item><el-input v-model="form.input" ></el-input></el-form-item></el-col>
          <el-col :span="3"><el-form-item><el-button round  type="primary"  @click="searchfilm(form.input)">搜索</el-button></el-form-item></el-col>
        </el-form>
      </el-row>
<!--      电影显示栏-->
      <el-row style="margin-top: 20px;margin-left: 120px"  >
        <el-col :span="4" v-for="(film,index) in films" :key="index"  :offset="1" >
          <el-card :body-style="{ padding: '0px' }" shadow="hover" class="el-card">
            <img :src="film.fnImg" class="image">
          </el-card>
        </el-col>
      </el-row>
    </el-main>
</template>

<script>
    export default {
        name: "SearchMovie",
      data(){
          return{
            films:{ fImg:''}  ,
            input:''
          }
      } ,
      methods:{
          searchfilm(name){
            this.axios({

            })
          }
      }
    }
</script>

<style scoped>

</style>
